﻿.userstyles
{
}

/*************************************************************
 * uManage Styles
 * Theme: Default
 * User Style Sheet
 * Copyright © Pabst Productions, Inc. 2010
 * 
 * Styles all forms and pages when logged in as a user.
 * Controls look, feel and content.
 ************************************************************/

/* PAGE/FORM ELEMENTS */
html.user, body.user
{
	padding: 0;
	margin: 0;
	background-color: #deedf7;
	color: #666666;
	background-image: url(Images/Anon-BG.png);
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: .9em;
	line-height: 1.5;
	background-repeat: repeat-x;
}

/* USER LAYOUT STYLES */
/* Styles that control how user pages look */
.user-adminpanel
{
	text-align: right;
	padding: 5px 10px 5px 10px;
	background-color: #deedf7;
	border-bottom: solid 4px #f8b25f;
}

.user-page
{
	/* Creates the small window all user pages use */
	width: 578px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
}
.user-logo
{
	/* Creates a location for the app logo */
}
.user-menu
{
	/* Creates a location for the user nav menu */
	width: 578px;
	height: 55px;
	background-image: url(Images/AnonMenu.png);
	background-repeat: no-repeat;
}
.user-copy-info
{
	/* Creates a location to hold copyright tag info */
	padding: 5px 5px 0px 5px;
	font-size: .7em;
}
.user-content
{
	/* Creates primary content location holder */
	margin-top: 20px;
	width: 578px;
}
.user-content-head
{
	/* Defines the content head image */
	width: 578px;
	height: 5px;
	background-image: url(Images/Anon-Top.png);
	background-repeat: no-repeat;
}
.user-content-mid
{
	/* Defines the content meat and image */
	width: 538px;
	background-image: url(Images/Anon-Mid.png);
	background-repeat: repeat-y;
	padding: 15px 20px 15px 20px;
}
.user-content-foot
{
	/* Defines the content foot image */
	width: 578px;
	height: 5px;
	background-image: url(Images/Anon-Bot.png);
	background-repeat: no-repeat;
}



/* NAVIGATION/MENU STYLES */
/* Styles used to create and skin the user menu */
/* 
NOTICE:
Camelot now uses the .NET 4.0 CSS based menu control. For more
information visit the following link:
http://msdn.microsoft.com/en-us/library/ms366731(VS.100).aspx
*/
.user-menu ul.level1
{
	margin: 0;
	padding-top: 1px;
	list-style-type: none;
}
.user-menu li
{
	display: inline;
}
.user-menu li a
{
	display: block;
	float: left;
	padding: 12px 20px 17px 18px;
	color: #c5c5c5;
	font-size: 1.3em;
	text-decoration: none;
	font-weight: bold;
}
.user-menu li a:hover, .user-menu ul li:hover a
{
	background: url(Images/AnonMenu-Hover.png) top center no-repeat;
	color: #707070;
}
.user-menu a.selected, .user-menu a.selected:hover
{
	background: url(Images/AnonMenu-Hover.png) top center no-repeat;
	color: Black;
}



/* LINKS */
/* Styles for links and anchors */
.user-content-mid a:link, .user-content-mid a:hover, .user-content-mid a:visited
{
	/* Styles any links within an user page or form */
	color: Black;
}
.user-copy-info a:link, .user-copy-info a:hover, .user-copy-info a:visited
{
	/* Styles the links inside of the copyright container */
	color: #707070;
	font-weight: bold;
}

.user-adminpanel a:link, .user-adminpanel a:visited
{
	color: #666666;
	text-decoration: none;
}
.user-adminpanel a:hover
{
	color: #666666;
	text-decoration: underline;
}




/* PAGE TITLE STYLES */
/* Styles the titles for each user page */
.user div.title
{
	/* Generic Placement and styles */
	padding-left: 40px;
	padding-bottom: 5px;
	background: no-repeat left center;
	border-bottom: solid 1px #c4d1e6;
	font-size: 2em;
	font-weight: bold;
}
.user .login.title
{
	/* Styles for the Login Page */
	background-image: url(Images/Icons/Login32.png);
}
.user .help.title
{
	/* Styles for the Help Page */
	background-image: url(Images/Icons/Help32.png);
}
.user .register.title
{
	/* Styles for the Register Page */
	background-image: url(Images/Icons/Register32.png);
}
.user .about.title
{
	/* Styles for the About Page */
	background-image: url(Images/Icons/About32.png);
}

.user .setup.title
{
	/* Styles for the About Page */
	background-image: url(Images/Icons/Gear32.png);
}




/* FORM ELEMENT STYLES */
/* Styles for buttons, textboxes, etc. */
.user .textbox
{
	display: inline-block;
	width: 250px;
}

.user input.textbox
{
	/* Login Input Styles */
	width: 250px;
	padding: 5px;
	font-size: 20px;
}

.user textarea
{
	/* Login Input Styles */
	width: 250px;
	padding: 5px;
}

.user input.textbox-invalid
{
	/* Login Input Styles */
	width: 250px;
	padding: 5px;
	font-size: 20px;
	border: solid 1px #FFA8A8;
	background-color: #FFE8E8;
}

.user input.textbox-required
{
	width: 250px;
	padding: 5px;
	font-size: 20px;
	border: solid 1px #ff7777;
}

.user input.submit
{
	/* Login Input Styles */
	height: 32px;
	cursor: pointer;
	border: solid 1px #6c85b2;
	padding: 0 12px 0 12px;
	font-size: 12px;
	font-weight: bold;
	background: url(Images/LoginButton.png) #ffffff repeat-x left center;
}

.user input.submit:hover
{
	/* Login Input Styles */
	border: solid 1px #a35800;
	background: url(Images/LoginButton-Hover.png) #ffffff repeat-x left center;
}

.user select.dropdown
{
	/* Login Input Styles */
	width: 263px;
	padding: 5px;
	font-size: 20px;
}




/* FORM TABLE STYLES */
.user table.form
{
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

.user table.form tr
{
	margin: 0;
	padding: 0;
}

.user table.form tr.required
{
	background-color: #ffcccc;
}

.user table.form td
{
	/* Login Table Styles */
	padding: 5px 0 5px 10px;
}

.user table.form td.header
{
	/* Login Table Styles */
	min-width: 150px;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
}

.user table.form td.vtop
{
	vertical-align: top;
}




/* USER CONTROL STYLES */
/* Dialog Windows */
.dialog
{
	padding-bottom: 15px;
	margin: 0px;
	padding-left: 50px;
	padding-right: 10px;
	color: #505050;
	font-weight: bold;
	padding-top: 15px;
}

.warning.dialog
{
	border: solid 1px #FDDF79;
	background-color: #FFFFBA;
	background-image: url(Images/Icons/Dialog-Warning.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}

.critical.dialog
{
	border: solid 1px #FFA8A8;
	background-color: #FFE8E8;
	background-image: url(Images/Icons/Dialog-Error.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}
.info.dialog
{
	border: solid 1px #2e54b1;
	background-color: #c7dfee;
	background-image: url(Images/Icons/Dialog-Info.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}

.success.dialog
{
	border: solid 1px #B3DFA4;
	background-color: #E2F7DC;
	background-image: url(Images/Icons/Dialog-Success.png);
	background-repeat: no-repeat;
	background-position: 6px center;
}

/* Sliding Panel */
.slidingpanel-table
{
	width: 100%;
	cursor: pointer;
	padding: 4px 6px 4px 6px;
	margin: 2px 0 2px 0;
	/*border: solid 1px transparent;*/
}

.slidingpanel-table-active
{
	width: 100%;
	height: 18px;
	cursor: pointer;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 3px 5px 3px 5px;
	background: url(Images/SlidingPanel-BG.png) repeat-x left bottom;
	border: solid 1px #99defd;
}

.slidingpanel-title
{
	padding-right: 5px;
	white-space: nowrap;
	font-size: 1em;
	font-weight: bold;
}

.slidingpanel-bar
{
	width: 100%;
	background: url(Images/SlidingPanel-Line.png) repeat-x left center;
}

.slidingpanel-image
{
	padding-left: 5px;
}

div.slidingpanel
{
	padding: 2px 5px 2px 5px;
}




.errortext
{
	font-family: Courier;
	font-size: .8em;
}

.watermarktext
{
	color: #c0c0c0;
}
